//navbar

function renderNavbar(pathname) {
  //数据
  let arr = [
    {
      title: '跑步',
      path: './run.html',
    },
    {
      title: '骑行',
      path: './ride.html',
    },
    {
      title: '课程训练',
      path: './course.html',
    },
  ]
  //模板
  let html = `
        ${arr
          .map(v => {
            return `<a href="${v.path}" class="item df aic ${
              v.path === `./${pathname}.html` && 'active'
            }">${v.title}</a>`
          })
          .join('')}
    `
  const div = document.createElement('div')
  div.className = 'navbar df jcsa aic'
  div.innerHTML = html
  document.body.prepend(div)
}

//导出渲染函数
module.exports = renderNavbar
